<che-toolbar che-title="Organizations" border-none></che-toolbar>
<che-description che-link-title="Learn more." che-link="{{branding.docs.organization}}">Organizations allow
  groups of developers to collaborate with private and shared workspaces. Resources and permissions are controlled and
  allocated within the organization by administrator.
</che-description>
<md-content md-scroll-y flex layout="column" md-theme="maincontent-theme">
  <md-progress-linear md-mode="indeterminate" class="organization-progress-line"
                      ng-show="organizationsController.isInfoLoading"></md-progress-linear>
  <md-content flex class="organizations-content" ng-show="!organizationsController.isInfoLoading">
    <list-organizations on-update="organizationsController.fetchOrganizations()"
                        organizations="organizationsController.getOrganizations()"></list-organizations>
    <che-paging-buttons ng-if="organizationsController.pageInfo"
                        pages-info="organizationsController.pageInfo"
                        fetch-page="organizationsController.fetchOrganizations(key)"></che-paging-buttons>
  </md-content>
</md-content>
